<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/27
  Time: 20:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
  <head>
    <title>小说搜索</title>
  </head>
  <style type="text/css">
      body{   background-image: url('背景1.png');
              background-size:cover;       }
  </style>
  <body>
<%@ include file="header.jsp"%>

<%--头部的导入--%>

<%--  <form action="/text" method="get">--%>
<%--    <input name="search" type="text">--%>
<%--&lt;%&ndash;    按名字搜索文本，上面为输入框，下面为提交按钮&ndash;%&gt;--%>
<%--    <input name="submit" type="submit" value="提交">--%>
<%--    &lt;%&ndash;  上面两个from有待修改，对查找功能的增加，转到text？name=search  不建议改为post&ndash;%&gt;--%>
<%--  </form>--%>

<li style="display:inline;text-align:center;" class="button"> <a href="enter.jsp">登陆</a></li>
<%--  登录按钮--%>
  <em>|</em>
  <li style="display:inline;text-align:center;" class="  "><a href="reg.jsp">注册</a> </li>
<div class="list">
<%--  新书排行--%>
    <div style="border: 1px solid red; height: 120px; width: 350px;position: absolute; left:30%; margin-left: -380px; top: 30%; margin-top: 100px;">
    <div class="new-list">
    <div class="tab-title">
      <h1 class="wrap-title lang">新书榜单<a class="more" href="//www.qidian.com/rank/signnewbook?style=1">更多<em class="iconfont">&#xe621;</em></a></h1>
    </div>
      <i>
          <ul class="neirong">
              <li class="unfold" data-rid="1">
                  <%--            该榜榜一，着重突出--%>
                  <div class="book-info fl">
                      <%--              榜一信息--%>
                      <h3>NO.1</h3>
                      <h4>
                          <a href=“//book.qidian.com/info/1021518112">医者无眠</a></h4>
                      <p class="digital f16">综合评分：9.4</p>
                      <p class="author">
                          <a class="type" href="//www.qidian.com/dushi">都市</a><i>&#183;</i><a class="writer" href="//my.qidian.com/author/403278015" >真熊初墨</a>
                      </p>
                  </div>
                  <div>
                      <%--            榜一图片--%>
                      <img src="新书榜1.png" width="51", height="68">
<%--                      图片比例：3:4--%>
                  </div>
              </li>
              <li data-rid="2">
                  <div class="num-box"><span class="num2">2</span></div>
                  <%--              题头标号--%>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1011449273">种田系修仙</a>
                      <%--                  名称及链接--%>
                  </div>
              </li>

              <li data-rid="3">
                  <div class="num-box"><span class="num3">3</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021727680">重生真的很淡定</a>
                  </div>
              </li>

              <li data-rid="4">
                  <div class="num-box"><span class="num4">4</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021622509">万物皆可进度条</a>
                  </div>
              </li>

              <li data-rid="5">
                  <div class="num-box"><span class="num5">5</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021583528">我在大唐有后台</a>
                  </div>
              </li>

              <li data-rid="6">
                  <div class="num-box"><span class="num6">6</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021696911">明明我才是训练家</a>
                  </div>
              </li>

              <li data-rid="7">
                  <div class="num-box"><span class="num7">7</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021836527">老祖真的是太牛了</a>
                  </div>
              </li>

              <li data-rid="8">
                  <div class="num-box"><span class="num8">8</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021456897">欢想世界</a>
                  </div>
              </li>

              <li data-rid="9">
                  <div class="num-box"><span class="num9">9</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021700184">我要做圣皇</a>
                  </div>
              </li>

              <li data-rid="10">
                  <div class="num-box"><span class="num10">10</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021599117">道起蓬莱</a>
                  </div>
              </li>
          </ul>
      </i>
  </div>
    </div>
<%--  连载排行--%>
    <div style="border: 1px solid red; height: 120px; width: 350px;position: absolute; left:60%; margin-left: -380px; top: 30%; margin-top: 100px;">
    <div class="doing-list">
    <div class="tab-title">
      <h1 class="wrap-title lang">连载小说排行<a class="more" href="//www.qidian.com/rank/readIndex" >更多<em class="iconfont">&#xe621;</em></a></h1>
    </div>
      <i>
          <ul class="neirong">
              <li class="unfold" data-rid="1">
                  <%--            该榜榜一，着重突出--%>
                  <div class="book-info fl">
                      <%--              榜一信息--%>
                      <h3>NO.1</h3>
                      <h4>
                          <a href="//book.qidian.com/info/1010868264">我师兄实在太稳健了</a></h4>
                      <p class="digital f16">综合评分：9.6</p>
                      <p class="author">
                          <a class="type" href="//www.qidian.com/xianxia">仙侠</a><i>&#183;</i><a class="writer" href="//my.qidian.com/author/401199896" >言归正传</a>
                      </p>
                  </div>
                  <div>
                      <%--            榜一图片--%>
                      <img src="连载榜1.png" width="51", height="68">
                  </div>
              </li>
              <li data-rid="2">
                  <div class="num-box"><span class="num2">2</span></div>
                  <%--              题头标号--%>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1018027842">万族之劫</a>
                      <%--                  名称及链接--%>
                  </div>
              </li>

              <li data-rid="3">
                  <div class="num-box"><span class="num3">3</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1017258335">御九天</a>
                  </div>
              </li>

              <li data-rid="4">
                  <div class="num-box"><span class="num4">4</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1019664125">大奉打更人</a>
                  </div>
              </li>

              <li data-rid="5">
                  <div class="num-box"><span class="num5">5</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1009480992">超神机械师</a>
                  </div>
              </li>

              <li data-rid="6">
                  <div class="num-box"><span class="num6">6</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1015648531">我真没想重生啊</a>
                  </div>
              </li>

              <li data-rid="7">
                  <div class="num-box"><span class="num7">7</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1013562540">第一序列</a>
                  </div>
              </li>

              <li data-rid="8">
                  <div class="num-box"><span class="num8">8</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1021678077">种田系修仙</a>
                  </div>
              </li>

              <li data-rid="9">
                  <div class="num-box"><span class="num9">9</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1016150754">亏成首富从游戏开始</a>
                  </div>
              </li>

              <li data-rid="10">
                  <div class="num-box"><span class="num10">10</span></div>
                  <div class="name-box">
                      <a class="name" href="//book.qidian.com/info/1016313375">当医生开了外挂</a>
                  </div>
              </li>
          </ul>
      </i>
  </div>
    </div>
<%--  完结排行--%>
    <div style="border: 1px solid red; height: 120px; width: 350px;position: absolute; left:90%; margin-left: -380px; top: 30%; margin-top: 100px;">

    <div class="finish-list">
    <div class="tab-title">
      <h1 class="wrap-title lang">完结小说排行<a class="more" href="//www.qidian.com/finish" >更多<em class="iconfont">&#xe621;</em></a></h1>
    </div>
    <i>
      <ul class="neirong">
        <li class="unfold" data-rid="1">
<%--            该榜榜一，着重突出--%>
            <div class="book-info fl">
<%--              榜一信息--%>
              <h3>NO.1</h3>
              <h4>
                <a href="//book.qidian.com/info/1010868264">万族之劫</a></h4>
              <p class="digital f16">综合评分：9.7</p>
              <p class="author">
                <a class="type" href="//www.qidian.com/xvanhuan">玄幻</a><i>&#183;</i><a class="writer" href="//my.qidian.com/author/4362088" >爱潜水的乌贼</a>
              </p>
            </div>
          <div>
<%--            榜一图片--%>
            <img src="完结榜1.png" width="51", height="68">
          </div>
        </li>
          <li data-rid="2">
              <div class="num-box"><span class="num2">2</span></div>
<%--              题头标号--%>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/1011449273">学霸的黑科技系统</a>
<%--                  名称及链接--%>
              </div>
          </li>

          <li data-rid="3">
              <div class="num-box"><span class="num3">3</span></div>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/1013432302">九星毒奶</a>
              </div>
          </li>

          <li data-rid="4">
              <div class="num-box"><span class="num4">4</span></div>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/3602691">修真聊天群</a>
              </div>
          </li>

          <li data-rid="5">
              <div class="num-box"><span class="num5">5</span></div>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/1009704712">牧神记</a>
                </div>
          </li>

          <li data-rid="6">
              <div class="num-box"><span class="num6">6</span></div>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/1115277">斗罗大陆</a>
              </div>
          </li>

          <li data-rid="7">
              <div class="num-box"><span class="num7">7</span></div>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/1014190598">我真没想出名啊</a>
              </div>
          </li>

          <li data-rid="8">
              <div class="num-box"><span class="num8">8</span></div>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/1010191960">大王饶命</a>
              </div>
          </li>

          <li data-rid="9">
              <div class="num-box"><span class="num9">9</span></div>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/1018089229">在美漫世界开出租</a>
              </div>
          </li>

          <li data-rid="10">
              <div class="num-box"><span class="num10">10</span></div>
              <div class="name-box">
                  <a class="name" href="//book.qidian.com/info/1003306811">放开那个女巫</a>
              </div>
          </li>
      </ul>
    </i>
  </div>

</div>


<%@ include file="foot.jsp"%>
    <div class="clear"></div>
<%--尾部，头尾都不变--%>
  </body>
</html>



































